<template>
  <div class="student-profile">
    <div  class="headimg">
      <el-avatar :size="200" :src="info.head"  shape="square"></el-avatar>
    </div>
    <el-descriptions title="学员信息" border>
      <el-descriptions-item label="姓名">{{info.name}}</el-descriptions-item>
      <el-descriptions-item label="班级">{{info.class}}</el-descriptions-item>
      <el-descriptions-item label="项目">{{info.productUrl}}</el-descriptions-item>
      <el-descriptions-item label="年龄">
        <el-tag size="small">{{info.age}}</el-tag>
      </el-descriptions-item>
      <el-descriptions-item label="城市">{{info.city}}</el-descriptions-item>
      <el-descriptions-item label="学历">{{info.degree}}</el-descriptions-item>
      <el-descriptions-item label="学历">{{info.degree}}</el-descriptions-item>
      <el-descriptions-item label="描述">{{info.description}}</el-descriptions-item>

    </el-descriptions>
  </div>
</template>
<script>
export default {
  data() {
    return {
      info:{}
    }
  },
  computed:{
  },
  mounted() {
    this.info=JSON.parse(localStorage.getItem("info"))
    console.log(this.info)
  },
}

</script>

<style scoped>
  .headimg{
    text-align: center;
  }
</style>